import { ref, onMounted, onUnmounted } from 'vue'
// 按照惯例，组合式函数名以“use”开头
export function useMouse() {
  // 被组合式函数封装和管理的状态
  const x = ref(0)
  const y = ref(0)
  // 组合式函数可以随时更改其状态。
  function update(event:MouseEvent) {
    x.value = event.pageX
    y.value = event.pageY
  }
  // 一个组合式函数也可以挂靠在所属组件的生命周期上
  // 来启动和卸载副作用
  onMounted(() => {
    console.log('在mouse.ts里调用')
    window.addEventListener('mousemove', update)
})
  onUnmounted(() => window.removeEventListener('mousemove', update))
  // 通过返回值暴露所管理的状态
  return { x, y }

//实现一个1到100的累加和的函数


}


export function sum(n:number):number{
  let sum = 0
  for(let i = 1;i<=n;i++){
    sum += i
  }
  return sum
}